@extends('home/mainlayout')
@section('content')
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>邀请链接</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/theme.css">
    {{--<link rel="stylesheet" href="/css/newcore.min.css?v=1.85">--}}
    <link href="/js/plugins/layer/skin/layer.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/css/pages/usercenter.min.css?v=1.85"/>
</head>

<body>
<div id="biaoti">推广中心</div>
<div class="main">
    <ul class="nav nav-tabs " role="tablist">
        <li class="active"><a href="/invite">邀请链接</a></li>
        <li class=""><a href="/invited">成功邀请</a></li>
        <li class=""><a href="/invitejl">邀请奖励</a></li>
        <li class=""><a href="/tgorder">推广排行榜</a></li>
        <li class=""><a href="/group/">组团</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active">
            <div class="invitelinkblock">
                <p class="invitelink bg-success" id="invitelinktext">
                   {{$memberinfo}}
                </p>
                <input id="clipbtn" type="button" value="复制链接" class="btn btn-primary invitelinkcopybtn" data-clipboard-target="invitelinktext"/>

                <p class="invitelinkcopytip">
                    如果复制不成功，请手动复制链接
                </p>
            </div>
        </div>
    </div>
</div>
<script src="Admin/js/jquery-1.8.3.min.js"></script>
<script src="/js/plugins/layer.js"></script>
<script src="/js/jquery.zclip.js"></script>
<script>
    $(function(){
            $('#clipbtn').zclip({
                path: "/js/plugins/ZeroClipboard.swf",
                copy:function() {
                    return $("#invitelinktext").text().trim();
                    console.log("我开始复制了")
                },
                afterCopy:function() {
                    console.log("我复制成功了")
                    layer.msg("复制成功！");
                }
            });
        })
</script>
</body>

</html>
@endsection